<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
    <!--<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>-->
    <title>door_market</title>

    <script src="{$host_name}jquery-1.11.1.min.js"></script>
    <script src="{$host_name}jquery-ui/js/jquery-ui-1.10.4.min.js"></script>

    <script src="{$host_name}fancy_app_js.js"></script>

    <script src="{$host_name}jquery.ba-hashchange.min.js"></script>

    <!-- Add jQuery library -->
    <!--<script type="text/javascript" src="./rs/jquery-1.10.2.min.js"></script> -->
    <!--<script type="text/javascript" src="./rs/jquery-1.11.1.min.js"></script>-->

    <!-- Add mousewheel plugin (this is optional)
    <script type="text/javascript" src="./rs/jquery.mousewheel.pack.js"></script>
    -->

    <!-- Add fancyBox main JS and CSS files -->
    <script type="text/javascript" src="{$host_name}rs/jquery.fancybox.js"></script>
    <link rel="stylesheet" type="text/css" href="{$host_name}rs/jquery.fancybox.css" media="screen">

    <!-- Add Button helper (this is optional)
    <link rel="stylesheet" type="text/css" href="./rs/jquery.fancybox-buttons.css">
    <script type="text/javascript" src="./rs/jquery.fancybox-buttons.js"></script> -->

    <!-- Add Thumbnail helper (this is optional) -->
    <link rel="stylesheet" type="text/css" href="{$host_name}rs/jquery.fancybox-thumbs.css">
    <script type="text/javascript" src="{$host_name}rs/jquery.fancybox-thumbs.js"></script>

    <link rel="stylesheet" type="text/css" href="{$host_name}mystyle.css">
    <link rel="stylesheet" type="text/css" href="{$host_name}product-item.css">
    <link rel="stylesheet" href="{$host_name}jquery-ui/css/ui-lightness/jquery-ui-1.10.4.min.css">

    <link rel="stylesheet" type="text/css" href="{$host_name}paging.css">
    
    <script src="{$host_name}application.js"></script>

<!--<script type="text/javascript">
        $(window).load(function() {
            setTimeout(20000);
            $(".loader").fadeOut("slow");
            setTimeout(2000);
        })
    </script>-->
</head>
<body>
<!--<div id="dialog-message" style="display: none">
    <img src="img/page-loader.gif" style="height: 40px">
</div>
<div class="loader"></div>-->
<div class="my_wraper">
	<div class="my_header">
		 
		<div class="headerTop">
			<!--headerTop  -->
			<div class="supportInfo">
				Наші контакти 
				тел. 0679918527
				vovoasosnove@gmail.com
			</div>
		</div>
		<div class="headerContent">
			<!-- headerContent -->
			<div class="logo">
                <a href="/" >
				    <img src="{$host_name}img/logo.jpg" alt="Smiley face" >
<!--                                    <img runat="server" src="~/AdminUploadContent/bikes.gif" alt="Bikes" />-->
                </a>
			</div>
			
			<div class="customer">
				<div class="customerActions">
					<a class="customerDelivery" href="#" title="Доставка">Доставка</a>
					<a class="customerMeasurement" href="#" title="Замір">Замір</a>
					<a class="customerPaid" href="#" title="Оплата">Оплата</a>
					<a class="customerWarranty" href="#" title="Гарантія">Гарантія</a>
				</div>
			</div>
	
		</div>
		
	</div>
	
	<div class="spmenu"> 
	   {* <div class="spmenub">

		</div>*}


    <div class="my_menu">
        <div class="menu_area">
            <nav>
                <ul>
                    {foreach $category_list as $category name=ver_menu}
                        {if $smarty.foreach.ver_menu.iteration == 1 }
                            <li class="left_el"><a href="{$category['link']}">{$category['title']}</a>
                                {else}
                            <li><a href="{$category['link']}">{$category['title']}</a>
                        {/if}
                        <ul>
                            {foreach $category.sub as $sub_category}
                                <li><a href="{$sub_category['link']}">{$sub_category['title']}</a></li>
                            {/foreach}

                        </ul>
                        </li>
                    {/foreach}
                </ul>
            </nav>
        </div>
    </div>
    </div>
	
	<div class="left_bar"> 

	</div>	
	<div class="right_bar"> 

	</div>	
	<div class="main">
    <div class="main_center">
		<div class="conext">
            <ul class="menu_container">

                {foreach $category_list as $category}


                    <li class="{$category['class']}">
                        <a class="driled_links" href="{$category['link']}" onclick="show_sub_items1()">{$category['title']}</a>  <!---http://door-market/ -->
                    </li>
                    <ul class="menu_category_container sub_items1 sub_items"  style="{$category['style']}">
                        {foreach $category.sub as $sub_category}

                            <li class="{$sub_category['class']}" id="entrancedoors">
                                <a href="{$sub_category['link']}" class="subcategory_link">{$sub_category['title']}</a>
                                <span class="sub_item_count">(225)</span>
                            </li>
                        {/foreach}

                        </li>

                    </ul>
                {/foreach}

            </ul>

		</div>
		<div class="content">

        <div id="pathway">
            <ul>
                <li itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb">
                    <a href="javascript:;" itemprop="url" class="link_to_main" id ="link_to_main">
                        <span itemprop="title">Головна</span>
                    </a>
                </li>
                <li>
                    <i>
                        »
                    </i>
                </li>
                <li itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb">
                    <a href="javascript:;" itemprop="url">
                        <span itemprop="title">Двері</span>
                    </a>
                </li>
                <li>
                    <i>
                        »
                    </i>
                </li>
                <li>
                    <span>Вхідні</span>
                </li>

            </ul>
        </div>

           <div class="spliter">
                <hr size="1" noshade>
           </div>
            <div class="content-header">
            <div class="curr_category">
                <h2 class="oth">{$item_info['item_name']}</h2>
            </div>

            <div class="spliter">
                <hr size="1" noshade>
            </div>




            <div class="item-section">

                <div class="first_line">

                <div class="photos_place">
                    <div class="main_photo">
                        <a class="fancybox-thumbs" data-fancybox-group="thumb" href="{$item_info['main_lar_photo_url']}">
                            <img src="{$item_info['main_mid_photo_url']}">
                        </a>
                    </div>
                    <div class="images-line">

                        {foreach $item_info.photo_list as $item}

                        <div class="small-image-cell">
                            <a class="fancybox-thumbs" data-fancybox-group="thumb" href="{$item['lar_url']}">
                                <img src="{$item['sm_url']}">
                            </a>
                        </div>

                        {/foreach}
                    </div>


                </div>
                <div class="features_place">

                    <div class="features_container">

                        <div class="b-product__data">
                            <span class="b-product__sku" title="7770174">Код: {$item_info['item_code']}</span>
                        </div>

                        {foreach $item_info.feature_list as $featchure name=featurelist}

                            {if $smarty.foreach.featurelist.last}<br><br><br>{/if}
                            <div class="feature_line">
                                <div class="feature_name">
                                    {$featchure['feature_name']}
                                </div>
                                <div class="feature_value">
                                    {$featchure['feature_value']}
                                </div>
                            </div>

                        {/foreach}

                    </div>

                </div>

                </div>

            </div>


		</div>
	</div>
    </div>
	

</div>
    <div class="footer">
        <div class="foorterTop">
            <footer>
                <small>© Copyright 2058, Example Corporation</small>
            </footer>
        </div>
    </div>
</div>
</body>
</html>